<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <th:block th:include="include :: header('系统管理员操作界面')"/>
    <!--<th:block th:include="include :: select2-css" />-->
    <th:block th:include="include :: bootstrap-select-css"/>
</head>
<style type="text/css">
    #labright {
        margin-left:-80px
    }
    #ypdx1lab{
        margin-left:-80px
    }
    #ypdx2lab{
        margin-left:-80px
    }
    #ypdx3lab{
        margin-left:-80px
    }
    *{
        margin:0;
        padding:0;
        font-family:"微软雅黑";
        font-size:12px;
    }
    .box{
        width:390px;
        height:400px;
        border:solid 1px #ddd;
        background:#FFF;
        position:absolute;
        left:50%;
        top:42%;
        margin-left:-195px;
        margin-top:-160px;
    }
    .box h2{
        font-weight:normal;
        color:#666;
        font-size:16px;
        line-height:46px;
        height:46px;
        overflow:hidden;
        text-align:center;
        border-bottom:solid 1px #ddd;
        background:#f7f7f7;
    }
    .input_box{
        width:350px;
        padding-bottom:15px;
        margin: 0 auto;
        overflow:hidden;
    }
    .input_box input{
        float:left;
        width:348px;
        height:40px;
        font-size:14px;
        border:solid 1px #ddd;
        text-indent:10px;
        outline:none;
        line-height:40px;
    }

    /*.select-box {*/
        /*float:left;*/
        /*width:150px;*/
        /*height:40px;*/
        /*font-size:14px;*/
        /*border:solid 1px #ddd;*/
        /*text-indent:10px;*/
        /*outline:none;*/
        /*line-height:40px;*/
    /*}*/

    /*#creat_gs_btn{*/
        /*float: right;*/
    /*}*/

    .input_box button{
        width:350px;
        height:48px;
        background:#3f89ec;
        border:none;
        border-radius:2px;
        outline:none;
        cursor:pointer;
        font-size:16px;
        color:#FFF;
    }
    /*#error_box{*/
        /*height:40px;*/
        /*width:350px;*/
        /*margin:0 auto;*/
        /*line-height:40px;*/
        /*color:#fc4343;*/
    /*}*/
</style>
<body class="gray-bg">


<div class="modal fade" id="sbupdateModal" tabindex="-1" role="dialog" aria-hidden="true"
     data-keyboard="false">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span
                        class="sr-only">Close</span>
                </button>
                <h1 class="modal-title"><strong>修改设备</strong></h1>
                <small style="color: blue">只输入需要修改的字段，不能用修改的字段不用管</small>
            </div>
            <div class="modal-body">
                <form id="form-sb-update" class="formsbxg form-horizontal">
                    <div class="row" style="margin-top: -30px;margin-left: -65px">
                        <div class="form-group">
                            <label class="col-sm-2 control-label" style="margin-left:-10px">公司名称</label>
                            <div class="col-sm-2" style="margin-left:-20px;width: 220px">
                                <input type="text" readonly class="form-control" id="gsid_update" name="gsid"
                                       style="border: none;border-bottom: 1px solid #e5e6e7;background-color: #ffffff">
                            </div>
                            <label class="col-sm-2 control-label" id="labright">设备名称</label>
                            <div class="col-sm-2" style="margin-left:-20px;width: 220px">
                                <input name="sbmc" id="sbmc_update" class="form-control" type="text"
                                       readonly="readonly"
                                       style="border: none;border-bottom: 1px solid #e5e6e7;background-color: #ffffff">
                            </div>
                            <label class="col-sm-2 control-label" id="labright">设备编号</label>
                            <div class="col-sm-2" style="margin-left: -20px;width: 220px;">
                                <input name="sbbh" id="sbbh_update" class="form-control" type="text"
                                       readonly="readonly"
                                       style="border: none;border-bottom: 1px solid #e5e6e7; background-color: #FFFFFF">
                            </div>
                            <!--<div class="col-sm-1"><img src="/img/700.gif" style="margin-left: -25px;width: 200%"></div>-->

                        </div>
                    </div>
                    <div class="row" style="margin-left: -65px;margin-top: -10px">
                        <div class="form-group">
                            <label class="col-sm-2 control-label" style="margin-left:-10px">品牌型号</label>
                            <div class="col-sm-2" style="margin-left:-20px;width: 220px">
                                <input name="guige" id="guige_update" class="form-control" type="text"
                                       style="border: none;border-bottom: 1px solid #e5e6e7">
                            </div>
                            <label class="col-sm-2 control-label" id="labright">生产厂家</label>
                            <div class="col-sm-2" style="margin-left:-20px;width: 220px">
                                <input name="shccj" id="shccj_update" class="form-control" type="text"
                                       style="border: none;border-bottom: 1px solid #e5e6e7;">
                            </div>
                            <label class="col-sm-2 control-label" id="labright">购买日期</label>
                            <div class="col-sm-2 input-group date" style="margin-left:-20px;width: 183px">
                                <span class="input-group-addon"
                                      style="border: none;border-bottom: 1px solid #e5e6e7;"><i
                                        class="fa fa-calendar"></i></span>
                                <input name="gmrq" id="gmrq_update" class="form-control" type="text" readonly="readonly"
                                       style="background-color: #FFFFFF; border: none;border-bottom: 1px solid #e5e6e7;">
                            </div>
                        </div>
                    </div>
                    <div class="row" style="margin-left: -65px;margin-top: -10px">
                        <div class="form-group">
                            <label class="col-sm-2 control-label" style="margin-left:-10px">主板型号</label>
                            <div class="col-sm-1" style="margin-left:-20px;width: 220px">
                                <input name="zbxh" id="zbxh_update" class="form-control" type="text"
                                       style="border: none;border-bottom: 1px solid #e5e6e7;">
                            </div>
                            <label class="col-sm-2 control-label" id="labright">CPU型号</label>
                            <div class="col-sm-1" style="margin-left:-20px;width: 220px">
                                <input name="cpuxh" id="cpuxh_update" class="form-control" type="text"
                                       style="border: none;border-bottom: 1px solid #e5e6e7;">
                            </div>
                            <label class="col-sm-2 control-label" id="labright">显&nbsp;&nbsp;示&nbsp;&nbsp;器</label>
                            <!--<div class="col-sm-1" style="margin-left:-20px;width: 220px">-->
                            <!--<input name="xsqppcc" id="xsqppcc_id" class="form-control" type="text"-->
                            <!--placeholder="请输入显示器品牌与尺寸" style="border: none;border-bottom: 1px solid #e5e6e7;">-->
                            <!--</div>-->

                            <div class="col-sm-1" style="margin-left:-20px; width: 220px">
                                <div class="input-group">
                                    <!--下拉框输入选择-->
                                    <!--<input name="xsqppcc" id="xsqpp_id" class="form-control" list="browsersforxsq"-->
                                    <!--placeholder="品牌助记码"-->
                                    <!--style="border: none;border-bottom: 1px solid #e5e6e7;margin-left:-35px;width: 112px">-->
                                    <!--<datalist id="browsersforxsq"></datalist>-->
                                    <input name="xsqppcc" id="xsqppcc_update" class="form-control"
                                           style="width: 190px; border: none;border-bottom: 1px solid #e5e6e7;">
                                    <span class="help-block"></span>

                                </div>
                            </div>
                            <!--<div class="col-sm-1">-->
                            <!--<div class="input-group">-->
                            <!--&lt;!&ndash;<input name="xsqppcc" id="xsqcc_id" class="form-control" placeholder="尺寸"&ndash;&gt;-->
                            <!--&lt;!&ndash;style="border: none;border-bottom: 1px solid #e5e6e7;padding-right: 3px;padding-left: 3px;">&ndash;&gt;-->
                            <!--<a class="btn btn-rounded btn-primary btn-sm" id="xsqcc_update_btn"-->
                            <!--style="width: 60px; margin-left: -20px; color: #ffffff; text-align: center;padding-left: 8px; display:inline-block;">显示器</a>-->
                            <!--<span class="help-block"></span>-->
                            <!--</div>-->
                            <!--</div>-->
                        </div>
                    </div>
                    <div class="row" style="margin-left: -65px;margin-top: -10px">
                        <div class="form-group">
                            <label class="col-sm-2 control-label" style="margin-left:-10px">使用部门</label>
                            <div class="col-sm-1" style="margin-left:-20px;width: 145px">
                                <div class="input-group">
                                    <select name="bm" class="form-control m-b" id="bmid_update"
                                            style="border: none;border-bottom: 1px solid #e5e6e7;"></select>
                                    <!--<select name="bm" class="form-control" id="selectbm">-->
                                    </select>
                                </div>
                            </div>
                            <div class="col-sm-1">
                                <div class="input-group">
                                    <input name="shiyr" id="shiyr_update" class="form-control" list="browsers_update"
                                           style="border: none;border-bottom: 1px solid #e5e6e7;margin-left:-35px;width: 80px">
                                    <datalist id="browsers_update"></datalist>
                                    <span class="help-block"></span>
                                </div>
                            </div>
                            <label class="col-sm-2 control-label" id="labright">内存大小</label>
                            <div class="col-sm-1" style="margin-left:-20px;width: 220px">
                                <input name="ncggdx" id="ncggdx_update" class="form-control" type="text"
                                       onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"
                                       onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"
                                       style="border: none;border-bottom: 1px solid #e5e6e7;">
                            </div>
                            <label class="col-sm-2 control-label" id="ypdx1lab">硬盘信息</label>
                            <div class="col-sm-1" style="margin-left:-20px;width: 220px;">
                                <input name="ypdx" id="ypdx_update_1" class="form-control" type="text"
                                       style="border: none;border-bottom: 1px solid #e5e6e7;">
                            </div>
                            <!--<div class="col-sm-1" style="margin-left:-20px">-->
                            <!--<a class="btn btn-primary btn-rounded btn-sm" id="ypdx_update_btn_1"-->
                            <!--style="width: 60px; color: #ffffff; text-align: center;padding-left: 8px; display:inline-block">硬盘一</a>-->
                            <!--</div>-->

                        </div>
                    </div>
                    <div class="row" style="margin-left: -65px;margin-top: -10px">
                        <div class="form-group">
                            <label class="col-sm-2 control-label"
                                   style="margin-left:-10px">IP&nbsp;&nbsp;地&nbsp;&nbsp;址</label>
                            <div class="col-sm-1" style="margin-left:-20px;width: 220px">
                                <input name="ipdz" id="ipdz_update" class="form-control" type="text"
                                       style="border: none;border-bottom: 1px solid #e5e6e7;width: 190px">
                            </div>
                            <label class="col-sm-2 control-label" id="labright">MAC地址</label>
                            <div class="col-sm-1" style="margin-left:-20px;width: 220px;">
                                <input name="macdz" id="macdz_update" class="form-control" type="text"
                                       style="border: none;border-bottom: 1px solid #e5e6e7;width: 190px">
                            </div>
                            <label class="col-sm-2 control-label" id="ypdx2lab">硬盘信息</label>
                            <div class="col-sm-1" style="margin-left:-20px;width: 220px;">
                                <input name="ypdx" id="ypdx_update_2" class="form-control" type="text"
                                       style="border: none;border-bottom: 1px solid #e5e6e7;">
                            </div>
                            <!--<div class="col-sm-1" style="margin-left:-20px">-->
                            <!--<a class="btn btn-rounded btn-primary btn-sm" id="ypdx_update_btn_2"-->
                            <!--style="width: 60px; color: #ffffff; text-align: center;padding-left: 8px; display:inline-block">硬盘二</a>-->
                            <!--</div>-->
                        </div>
                    </div>
                    <div class="row" style="margin-left: -65px;margin-top: -10px">
                        <div class="form-group">
                            <label class="col-sm-2 control-label" style="margin-left:-10px">备&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注</label>
                            <div class="col-sm-10" style="margin-left:-20px;width: 490px">
                                <input name="beiz" id="beiz_update" class="form-control" type="text"
                                       style="border: none;border-bottom: 1px solid #e5e6e7;">
                            </div>
                            <label class="col-sm-2 control-label" id="ypdx3lab">硬盘信息</label>
                            <div class="col-sm-1" style="margin-left:-20px;width: 220px;">
                                <input name="ypdx" id="ypdx_update_3" class="form-control" type="text"
                                       style="border: none;border-bottom: 1px solid #e5e6e7;">
                            </div>
                            <!--<div class="col-sm-1" style="margin-left:-20px">-->
                            <!--<a class="btn btn-rounded btn-primary btn-sm" id="ypdx_update_btn_3"-->
                            <!--style="width: 60px; color: #ffffff; text-align: center;padding-left: 8px; display:inline-block">硬盘三</a>-->
                            <!--</div>-->
                        </div>
                    </div>
                    <div class="row">
                        <div class="form-group">
                            <div class="modal-footer" style="height:0px">
                                <button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
                                <button type="button" class="btn btn-white" id="sb_update_btn" onclick="updatesb()">保存
                                </button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>


<div class="box">
    <h2>登录</h2>
    <div id="error_box"></div>
    <form>
        <div class="input_box">
            <select class="form-control" name="gsid" id="gsid">
            </select>
        </div>
        <div class="select-box">
            <select class="form-control" name="bm" id="bm">
            </select>
            <a class="btn btn-primary btn-rounded btn-sm" id="creat_gs_btn">
                <i class="fa fa-search"></i>添加部门</a>
        </div>
        <div class="input_box">
            <input type="text" placeholder="请输入设备使用人" name="shiyr" id="upass"/>
        </div>
        <div class="input_box">
            <button type="button" id="login">登录</button>
        </div>
    </form>
</div>

<label class="col-sm-2 control-label lableft">IP&nbsp;&nbsp;地&nbsp;&nbsp;址</label>
<div class="col-sm-1" id="ipdz_id" style="margin-left:-5px;width: 190px">
    <input type="text" value="" id="ipdz1" class="ip1" maxlength="3">.<input
        type="text" value="" id="ipdz2" class="ip2" maxlength="3">.<input
        type="text" value="" id="ipdz3" class="ip3" maxlength="3">.<input
        type="text" value="" id="ipdz4" class="ip4" maxlength="3">
</div>
<input type="hidden" name="ipdz" id="ip">
<label class="col-sm-2 control-label ypmac">MAC地址</label>
<div class="col-sm-1" id="macdz_id"
     style="margin-left:-5px;width: 190px;padding-left: 0px;padding-right: 0px">
    <input type="text" value="" class="mac1" maxlength="2" style="width: 25px">-
    <input type="text" value="" class="mac2" maxlength="2" style="width: 25px">-
    <input type="text" value="" class="mac3" maxlength="2" style="width: 25px">-
    <input type="text" value="" class="mac4" maxlength="2" style="width: 25px">-
    <input type="text" value="" class="mac5" maxlength="2" style="width: 25px">-
    <input type="text" value="" class="mac6" maxlength="2" style="width: 25px">
</div>
<input type="hidden" name="macdz" id="mac">
<th:block th:include="include :: footer"/>
<th:block th:include="include :: bootstrap-select-js"/>

<script th:inline="javascript">
    var sessionname = "[[${session.username}]]"
    var gsid = "[[${session.gsid}]]"
</script>
</body>
</html>












































<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-sm-7">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>基本表单 <small>简单登录表单示例</small></h5>
                </div>
                <div class="ibox-content">
                    <div class="row">
                        <div class="col-sm-6 b-r">
                            <h3 class="m-t-none m-b">登录</h3>
                            <p>欢迎登录本站(⊙o⊙)</p>
                            <form role="form">
                                <div class="form-group">
                                    <label>用户名</label>
                                    <input type="email" placeholder="请输入您注册的E-mail" class="form-control">
                                </div>
                                <div class="form-group">
                                    <label>密码</label>
                                    <input type="password" placeholder="请输入密码" class="form-control">
                                </div>
                                <div>
                                    <button class="btn btn-sm btn-primary pull-right m-t-n-xs" type="submit"><strong>登 录</strong>
                                    </button>
                                    <label>
                                        <input type="checkbox">自动登录</label>
                                </div>
                            </form>
                        </div>
                        <div class="col-sm-6">
                            <h4>还不是会员？</h4>
                            <p>您可以注册一个新账户</p>
                            <p class="text-center">
                                <a href="#"><i class="fa fa-sign-in big-icon"></i></a>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>